<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title></title>
    <link href="../../css/bootstrap.css">
    <style>
        .c2-show-true {
            background: lightskyblue;
            cursor: pointer
        }

        .c3-show-true {
            background: lightskyblue;
            cursor: pointer;
        }

        .c4-show-true {
            background: lightskyblue;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div class="container" style="margin-top: 1%; width: 90%; height: 100%;margin-bottom: 2%;">

    <div id="c1">
        <div class="row">
            <div class="col-md-2">
                <strong>生产系统组件: </strong><content>{{scopeline.ScopelineID}}</content>
            </div>
            <div class="col-md-2 col-md-offset-7">
                <a href="#/component_create" >新建组件</a>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div name="dive" style="border: 1px #0fd8e1 solid; margin-top: 3px;margin-bottom: 35px;"></div>
            </div>
        </div>
    </div>


    <div ng-click="" class="c2-show-{{c2_isDisabled}}" ng-mouseenter="c2_isDisabled=true" ng-mouseleave="c2_isDisabled=false">
            <!--<div class="row">-->
        <div class="" style="float: left; width:14px; height:14px ;background: lightseagreen;position: relative; top: 3px;">
        </div>
        <label>SAAS层</label>

        <br>
    </div>


    <div id="component">

    </div>

    <div ng-click="" class="c3-show-{{c3_isDisabled}}" ng-mouseenter="c3_isDisabled=true" ng-mouseleave="c3_isDisabled=false">
        <!--<div class="row">-->
        <div class="" style="float: left; width:14px; height:14px ;background: lightseagreen;position: relative; top: 3px;">
        </div>
        <label>PAAS层</label>

        <br>
        <!--</div>-->
    </div>

    <div ng-click="" class="c4-show-{{c4_isDisabled}}" ng-mouseenter="c4_isDisabled=true" ng-mouseleave="c4_isDisabled=false">
        <!--<div class="row">-->
        <div class="" style="float: left; width:14px; height:14px ;background: lightseagreen;position: relative; top: 3px;">
        </div>
        <label>DAAS</label>

        <br>
        <!--</div>-->
    </div>


</div>
</body>
</html>
